<template>
		<view class="list-box f-side zcRelative" @tap=do_finish(item)> 
		<view class="list-common " >
			<view class="title flex titleText">{{item.CarPlate}}<view class="space">行驶里程：{{item.Mil}} km</view></view>
			<view>联系人：{{item.VehicleContact}}</view>
			<view>车型：{{item.CarModel}}</view>  
			<view>车主电话：{{item.VehicleContactMobile}}</view>
			<view class="flex">接待人员：{{item.SaleMan}} <view v-if="false" class="iconfont icon-xunhuan1"></view></view>
			<view>开单时间：{{item.FinishDate}}</view>
		</view>
		<view class="btn f-center iconfont icon-you2"> <image class="finish-image" :src="item.FinishState == '终止'?'../../static/home/finishFalse.png':'../../static/home/finishSucces.png'" mode=""></image> </view>
		<!-- <view class=""> </view> -->
	</view>
</template>

<script>
	export default{
		data(){
			return{
				finish_image_src:''
			}
		},
		props:{
			item:Object
		},
		mounted(){
			this.finish_image_src = (this.item.FinishState == '终止')?"../../static/home/finishFalse.png":"../../static/home/finishSucces.png"
		},
		methods:{
			do_finish(item){
					uni.navigateTo({
					url: '../home_mitting_service/home_mitting_service?SN='+item.CarSN +"&type=finish&VehicleInfoSN="+item.VehicleInfoSN
				});
			}
		}
	}
</script>

<style scoped>
	.titleText{
		height: 50upx !important;
		line-height: 30upx !important;
		color:#4EADFD !important
	}
	.list-box:after{
		content: '';
		position: absolute;
		height: 0upx;
		border-bottom: 1upx dashed #D2E7FC;
		left: 20upx;
		right: 20upx;
		top:75upx
	}
		.list-box{
			border-left: 6upx solid #4EADFD;
		}
	.space{
		top:-2upx !important;
		color:#333 !important
	}
	.finish-image{
		width: 120upx;
		height: 120upx;
	}
</style>
